<template>
    <div class="topBox">
        <div class="pic">
            <img src="../../assets/1.png" alt="">
        </div>
        <div class="caidan">
                <router-link to="/index/tuan/qianggou">正在抢购</router-link>
                <router-link to="/index/tuan/shangxin">上新预告</router-link>
        </div>
        <router-view/>
    </div>
</template>

<script setup>


</script>

<style scoped>
.topBox {
    width: 100%;
    height: 240px;
}
.pic {
    width: 100%;
    height: 200px;
}
img{
    width: 100%;
    height: 100%;
}
.caidan{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-size: 16px;
    margin-top: 10px;
}
.router-link-active {
    text-decoration: none;
    color: rgb(255, 0, 0);
}
a {
    text-decoration: none;
    color: rgb(0, 0, 0);
}

</style>